<template>
    <view class="sale-i">
        <view class="sale-time">
            <view class="sale-fixed-width">
                <view class="decorate-time">
                    <view class="decorate-within"></view>
                </view>
            </view>
            <view class="time">6月2日 10:23</view>
        </view>
        <view class="sale-content row">
            <view></view>
            <view class="sale-content-box">
                <view class="box">
                    <view class="row row-i row-i-active">
                        <view>退款金额：</view>
                        <view class="num">¥3599</view>
                    </view>
                    <view class="row row-i">
                        <view>退款金额：</view>
                        <view class="num">¥3599</view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<style lang="scss" scoped>
    .sale-time {
        display: flex;
        align-items: center;
    }
    .sale-fixed-width {
        width: 42rpx;
    }
    .decorate-time {
        width: 29rpx;
        height: 29rpx;
        border: 2px solid #dee0e3;
        border-radius: 50%;
        @include flex-center;
    }
    .decorate-within {
        width: 15rpx;
        height: 15rpx;
        background: #dee0e3;
        border-radius: 50%;
    }
    .time {
        color: $black;
        font-size: $font-normal;
    }
    .sale-content {
        margin: 13rpx 0 13rpx 18rpx;
        border-left: 1rpx solid #dee0e3;
        display: flex;
        align-items: center;
        padding-left: 25rpx;
    }
    .sale-line {
        height: 100%;
    }
    .sale-content-box {
        padding: 25rpx 0;
        flex: 1;
        .box {
            padding: 30rpx;
            background: #ffffff;
            border-radius: 16rpx;
        }
        .row-i {
            color: $grey;
            font-size: $font-normal;
        }
        .row-i-active {
            margin-bottom: 24rpx;
        }
        .num {
            color: $black;
            font-size: $font-normal;
        }
    }
</style>
